|
С |
|
|
|
|
|||||||||
|
7.0 |
8.0 |
9.0 |
7.0 |
8.0 |
9.6 |
10.0 |
10.0 |
3.1 |
4.0 |
5.0 |
3.0 |
3.6 |
4.0 |
|
Помилка |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
|
CSS |
CSS1, CSS2 |
|
Значення за умовчанням |
normal |
|
Наслідує |
Так |
|
Застосовується |
До усіх
елементів |
|
Аналог HTML |
<I> |
|
Посилання на специфікацію |
http://www.w
3.org/TR/CSS21/fonts.html#propdef - font - style |
Визначає зображення шрифту - звичайне, курсивне або похиле. Коли для тексту встановлено курсивне або похиле зображення, браузер звертається до системи для пошуку відповідного шрифту. Якщо заданий шрифт не знайдений, браузер використовує спеціальний алгоритм для імітації потрібного виду тексту. Результат і якість при цьому можуть вийти незадовільними, особливо при друці документу.
font - style: normal | italic | oblique | inherit
normal Звичайне зображення тексту.
italic Курсивне зображення.
oblique Похиле зображення. Курсив і похилий шрифт при усій їх схожості не одно і те ж. Курсив це спеціальний шрифт імітуючий рукописний, похилий же утворюється шляхом нахилу звичайних знаків управо.
inherit Наслідує значення батька.
Приклад
HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd"><html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">
<title>font - style</title>
<style type="text/css">
H1 {
font - family: Verdana, Arial, Helvetica, sans - serif; /* Рубаний шрифт заголовка */
}
P {
font - family: 'Times New Roman ', Times, serif; /* Шрифт із зарубками */
font - style: italic; /* Курсивне зображення */
}
</style></head>
<body>
<h1>Луцький національний техніний університет </h1>
<p> Луцький національний техніний університет є одним із найкращих професійних закладів освіти у місті Луцьку. Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів.p>
</body>
</html>
Результат цього прикладу показаний ні мал. 1.
Мал. 1. Застосування властивості font - style
[window.]document.getElementById("elementID").style.fontStyle
Internet Explorer до сьомої версії включно не підтримує значення inherit.
Браузери текст зі значенням oblique завжди відображають як курсив (italic).